BoundaryCircle
Live Editor
<div> <MapContainer center={[126.840884, 35.190816]} width="100%" height="500px"> <BoundaryCircle center={[126.841284, 35.191516]} circleRadius={200} color="SKYBLUE" onClick={() => console.log("boundary")} onHover={() => console.log("boundary hover")} onLeave={() => console.log("boundary leave")} > Sample </BoundaryCircle> </MapContainer> </div>
Result
Loading...
| property | type | description |
|---|---|---|
| circleRadius | number | 반지름입니다. (m) |
| children | string | 서클 내부 텍스트 |
| center | [number,number] | 경위도 좌표 |
| hasStroke | boolean | 외곽선을 굵게 가능합니다. |
| onClick | () => void | |
| onHover | () => void | |
| onLeave | () => void |